* { margin: 0; padding: 0; }
body { font: 14px "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; background: #333; color: #fff; }
a { outline: none; text-decoration: none; }
.button {display: inline-block;zoom: 1; *display: inline;vertical-align: baseline;margin: 0 2px;outline: none;cursor: pointer;text-align: center;text-decoration: none;font: 14px/100% Arial, Helvetica, sans-serif;padding:0.25em 0.6em 0.3em;text-shadow: 0 1px 1px rgba(0,0,0,.3);-webkit-border-radius: .5em; -moz-border-radius: .5em;border-radius: .5em;-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.red {color: #faddde;border: solid 1px #980c10;background: #d81b21;background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#A51715));background: -moz-linear-gradient(top,  #ed1c24,  #A51715);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317');
}
.red:hover { background: #b61318; background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115)); background: -moz-linear-gradient(top,  #c9151b,  #a11115); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115'); color:#fff;}
.red:active {color: #de898c;background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24));background: -moz-linear-gradient(top,  #aa1317,  #ed1c24);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24');}
.cor_bs,.cor_bs:hover{color:#ffffff;}
.keBody{background:url(../images/bodyBg.jpg) repeat #333;}
.keTitle{height:100px; line-height:100px; font-size:30px; font-family:'微软雅黑'; color:#FFF; text-align:center; background:url(../images/bodyBg3.jpg) repeat-x bottom left; font-weight:normal}
.kePublic{background:#333; padding-bottom: 100px}
.keBottom{color:#FFF; padding-top:25px; line-height:28px; text-align:center; font-family:'微软雅黑'; background:url(../images/bodyBg2.jpg) repeat-x top left; padding-bottom:25px}
.keTxtP{font-size:16px; color:#ffffff;}
.keUrl{color:#FFF; font-size:30px;}
.keUrl:hover{ text-decoration: underline; color: #FFF; }
.mKeBanner,.mKeBanner div{text-align:center;}
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
#background { background-size: cover; position: fixed; top: 0; left: 0; width: 100%; height: 100%; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; }
#player { width: 600px; height: 150px; padding: 25px; margin: 50px auto 30px; position: relative; }
#player .cover { background: rgba(0, 0, 0, 0.5); border: 1px solid #333; position: absolute; top: 25px; left: 25px; overflow: hidden; -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; width: 130px; height: 130px; -moz-box-shadow: 0 2px 10px black; -webkit-box-shadow: 0 2px 10px black; -o-box-shadow: 0 2px 10px black; box-shadow: 0 2px 10px black; }
#player .cover img { -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; width: 130px; height: 130px; }
#player .ctrl { margin-left: 155px; text-shadow: 0 1px 2px #000; line-height: 16px; }
#player .ctrl .tag strong, #player .ctrl .tag span { display: block; text-overflow: ellipsis; }
#player .ctrl .tag span { font-size: 12px; margin-top: 5px; color: #ccc; }
#player .ctrl .icon { background-repeat: no-repeat; background-position: center; display: inline-block; opacity: 0.6; cursor: pointer; width: 24px; height: 24px; -moz-transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; }
#player .ctrl .icon:hover, #player .ctrl .icon.enable { opacity: 1; }
#player .ctrl .icon:active { opacity: 0.3; }
#player .ctrl .control { margin-top: 10px; height: 25px; }
#player .ctrl .control .rewind { background-image: url(../images/rewind.png); }
#player .ctrl .control .playback { background-image: url(../images/play.png); }
#player .ctrl .control .playback.playing { background-image: url(../images/pause.png); }
#player .ctrl .control .fastforward { background-image: url(../images/fastforward.png); }
#player .ctrl .control .volume .mute { background-image: url(../images/volume.png); }
#player .ctrl .control .volume .mute.enable { background-image: url(../images/mute.png); }
#player .ctrl .control .volume .slider { margin-top: 11px; margin-left: 10px; width: 100px; }
#player .ctrl .progress1 { margin-top: 10px; }
#player .ctrl .progress1 .timer { font-size: 12px; color: #ccc; margin-top: 8px; }
#player .ctrl .progress1 .repeat, #player .ctrl .progress .shuffle { background-position: center bottom; }
#player .ctrl .progress1 .repeat { background-image: url(../images/repeat.png); }
#player .ctrl .progress1 .repeat.once, #player .ctrl .progress .repeat.all { opacity: 1; }
#player .ctrl .progress1 .repeat.once { position: relative; }
#player .ctrl .progress1 .repeat.once:before { content: "1"; position: absolute; top: 3px; right: -2px; font-size: 8px; }
#player .ctrl .progress1 .shuffle { background-image: url(../images/shuffle.png); }
.slider { background: rgba(0, 0, 0, 0.3); height: 5px; position: relative; cursor: pointer; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) inset; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) inset; -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) inset; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) inset; }
.slider:hover a, .slider.enable a { opacity: 1; }
.slider a { background: #fff; margin-left: -2.5px; position: absolute; opacity: 0; width: 5px; height: 5px; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; -moz-transition: opacity 0.3s; -webkit-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; }
.slider .loaded, .slider .pace { position: absolute; height: 100%; opacity: 0.7; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
.slider .loaded { background: rgba(255, 255, 255, 0.1); }
.slider .pace { background: #258fb8; }
#playlist { background: rgba(0, 0, 0, 0.5); width: 550px; margin: 0 auto 50px; padding: 10px 15px; list-style: none; position: relative; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5); -o-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5); }
#playlist li { color: #aaa; font-size: 12px; line-height: 2; padding-left: 25px; cursor: pointer; text-overflow: ellipsis; -moz-transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
#playlist li:hover { color: #fff; }
#playlist li.playing { background: url(../images/playing.png) no-repeat 0 center; color: #fff; font-weight: bold; }
footer { position: relative; font-size: 12px; color: white; margin-top: 160px; text-shadow: 0 1px 2px #000; text-align: center; }
footer a { color: #fff; font-weight: bold; }
footer a:hover { text-decoration: none; }



body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, button, input, fieldset, legend, input, textarea, p, blockquote, th, td, article, aside, details, figcaption, figure, #footer, #header, hgroup, menu, nav, section {

    /*padding: 0;*/
    /*margin: 0;*/
    transition: all 0.30s ease-in-out;
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
}


.head img
{
    margin-left: 0%;
}
.hidden-xs-nav span, .header-xs-nav span {
    margin: 0px 10px;
}
.hidden-xs-nav a, .header-xs-nav a {
    border: 1px solid rgb(52,58,64);
    border-radius: 25px;
    /*background-color:#transparent;*/
}
.hidden-xs-nav a:hover, .header-xs-nav a:hover {
    opacity: 1;
    color: #409EFF;
    background-color: #ECF5FF;
    border: 1px solid lightgrey;
    border-radius: 25px;
    text-decoration: none;
    /*background: transparent;*/
    /*#f8f9fa;*/
}
.head
{
    /*position: fixed;*/
    height: 60px;
    position: fixed;
    top: 0;
    left: 0;
    /*bottom: 200px;*/

    z-index: 99999;
    width: 100%;
    /*background: transparent;*/
    padding: 0;
    /*background-color: #fff;*/
    /*border-bottom: 1px solid #e6e6e6;*/
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /*background:rgba(0,0,0,0.1);*/
}

a {
    color: #666;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.30s ease-in-out;
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;


}

a:hover {
    /*color: #e33333;*/
    /*font-weight: bold;*/
    text-decoration: none;
    /*-webkit-transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);*/
    /*-moz-transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);*/
    /*transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);*/
    /*opacity: 1;*/
    /*border: 1px solid lightgrey;*/
    /*border-right: 1px solid;*/
    /*transform: scaleY(0.2)*/
}
* {

    cursor: url(../images/箭头.png), default!important;
}